/* 第一件事情：1.css编码集2.通配选择器  "utf-8"加载成utf-8  */
@charset "utf-8";
/* 效果：所有div画圆  300*300 文本垂直居中放大
 所有圆加不同颜色
 */
 div{
	float: right;
}
.d1{
	width: 300px;
	height: 300px;
	border: 1px solid red;
	border-radius: 50%;
	background-color: red;
	text-align: center;
	line-height: 300px;
	font-size: 50px;
}
.d2{
	width: 300px;
	height: 300px;
	border: 1px solid aqua;
	border-radius: 50%;
	background-color: aqua;
	text-align: center;
	line-height: 300px;
	font-size: 50px;
}
.d3{
	width: 300px;
	height: 300px;
	border: 1px solid yellowgreen;
	border-radius: 50%;
	background-color: yellowgreen;
	text-align: center;
	line-height: 300px;
	font-size: 50px;
	
}
.d4{
	width: 300px;
	height: 300px;
	border: 1px solid yellow;
	border-radius: 50%;
	background-color: yellow;
	text-align: center;
	line-height: 300px;
	font-size: 50px;
	clear: both;
	margin-right: 75%;
	margin-top: -300px;
}
